<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <title></title>
    <link rel="stylesheet" href="../../css/base.css">
    <link rel="stylesheet" href="../../css/public.css">
    <script src="https://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js">
    </script>
    <style>
        .header .center{
            overflow: hidden;
            width: 200px;
            border-radius: 5px;
            border:1px solid #ff6d82;
            height: 20px;
            margin-top: 10px;
            position: absolute;
            left:50%;
            margin-left: -100px;
        }
        .header .center p{
            float: left;
            text-align: center;
            width: 50%;
            margin: 0;
            font-size: 0.6rem;
            line-height: 20px;
            color:#ff6d82;
        }
        .header{
            overflow: hidden;
            position: relative;
        }
        .center .active{
            background: #ff6d82;
            color: #ffffff !important;
        }
        .main{
            box-sizing: border-box;
        }
        .main_top{
            width: 100%;
            box-sizing: border-box;
            background: rgba(222,222,222,.7);
            font-size: 0.7rem;
            overflow: hidden;
        }
        .main_top p{
            padding: 6px 0;
            text-align: center;
            width: 50%;
            float: left;
        }
        .main_top .active{
            border-bottom: 1px solid crimson;
        }
        .main_center{

        }
        .list {
            overflow: hidden;
            font-size: 0.65rem;
            padding: 15px 12px 15px 10px ;
            border-bottom: 1px solid #cccccc;
        }
        .list img{
            width: 70px;
            float: left;
            padding-right: 10px;
            box-sizing: border-box;
        }
        .list ul li{
            margin-top: 7px;
        }
        .list ul li:first-child{
            margin-top: -5px;
            background: url("../../images/pic1.png") no-repeat 100%;
            background-size:14px ;
            padding-right: 15px;
        }
        .list ul li:nth-child(2){
            color: #777777;
            font-size: 0.6rem;
        }
        .list ul li .money{
            color: red;
        }
        .list ul li strong{
            font-size: 0.6rem;
            margin-top: -5px;
            color: rgb(255,109,130);
            font-weight: 500;
            float: right;
            padding: 1px 8px 2px;
            border: 1px solid  rgb(255,109,130);
            border-radius: 4px;
        }
        a.sy {
            position: absolute;
            width: auto;
            padding: 0 10px;
            height: 20px;
            font-size: 13px;
            top:0px;
            right: 0;
        }
        .header a { color: #ff7674;}
        .no-data { width: 100%; height: 100px; line-height: 100px; text-align: center; color: #666;}
    </style>
</head>
<body>
<div class="header">
    <i onclick="window.history.back(-1)"></i>
    <div class="center"><p><a href="check_vr_code.html">验证兑换码</a></p><p  class="active">商圈订单</p></div>
    <a href="sq_brokerage.html" class="sy">收益</a>
</div>
<div class="main" style="margin-top: 0;">
    <div class="main_top">
        <p class="active" onclick="tab(0)">待消费</p>
        <p onclick="tab(1)">已消费</p>
    </div>
    <div class="main_center">

    </div>
    <div class="loading" style="text-align: center;padding: 7px 0;font-size: 0.65rem;display: none">正在加载</div>
</div>
<script type="text/javascript" src="../../js/config.js"></script>
<script type="text/javascript" src="../../js/zepto.min.js"></script>
<script type="text/javascript" src="../../js/template.js"></script>
<script type="text/javascript" src="../../js/common.js"></script>
<script type="text/javascript" src="../../js/tmpl/bs_order_list.js"></script>
</body>
</html>